import {
  reqAddOrUpdateSXhopCart,
  reqGoodsInfo
} from '@/api'
// 封装游客身份模块 uuid---> 生成一个随机字符串 （不能在变了）
import {
  getUUID
} from '@/utils/uuid_token'
const state = {
  goodInfo: {},
  // 游客的临时身份
  uuid_token: getUUID()
}
const mutations = {
  GETGOODINFO(state, goodInfo) {
    state.goodInfo = goodInfo
  }
}
const actions = {
  // 获取产品信息的action 
  async getGoodInfo({
    commit
  }, skuId) {
    const result = await reqGoodsInfo(skuId)
    if (result.code === 200) {
      commit('GETGOODINFO', result.data)
    }
  },
  // 将产品添加到购物车中
  async addOrUpdateShopCart({
    commit
  }, {
    skuId,
    skuNum
  }) {
    // 加入购车返回的解构
    // 加入购物车以后（发请求）前台将参数带给服务器
    // 服务器写入数据成功 并没有返回其他的数据 只是返回code=200 代表这次操作成功
    // 因为服务器没有返回其余数据 因此咋们不需要三连环存储数据
    let result = await reqAddOrUpdateSXhopCart(skuId, skuNum)
    if (result.code === 200) {
      return '成功'
    } else {
      return Promise.reject(new Error('失败'))
    }

  }
}
// 简化数据而生
const getters = {
  // 路径产品信息的数据
  categoryView(state) {
    // 比如 state.goodInfo 初始状态是空对象 空对戏的categoryView属性是undefined
    // 当前计算出的 categoryView 属性值至少是一个空对象 假的报错不会有了
    return state.goodInfo.categoryView || {}
  },
  // 简化产品信息的数据
  skuInfo() {
    return state.goodInfo.skuInfo || {}
  },
  // 产品售卖属性的简化
  spuSaleAttrList(state) {
    return state.goodInfo.spuSaleAttrList || []
  }
}
export default {
  state,
  mutations,
  actions,
  getters
}